{include file="index@/public/header" /}
<style>
	body {
		background: #e1e0de;
	}

	* {
		box-sizing: border-box;
	}

	h1,
	h2,
	h3,
	h4 {
		font-weight: 700 !important;
	}

	.layui-card-header {
		width: 100%;
		border-bottom: 1px solid #999 !important;
		padding-left: 5px;
	}

	.layui-card {
		padding: 10px 20px 50px;
	}

	p {
		margin: 0 0 10px !important;
	}

	.layui-container {
		padding: 0 !important;
	}

	img {
		max-width: 100%;
	}

	::-moz-selection {
		background: #cccccc;
		color: #ffffff;
	}

	::selection {
		background: #cccccc;
		color: #ffffff;
	}

	.layui-breadcrumb {
		padding-left: 5px;
		text-decoration: none !important;
	}

	.layui-card h1 {
		margin: 10px auto 0;
	}

	.description {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0;
	}

	.layui-col-xs1,
	.layui-col-sm1,
	.layui-col-md1,
	.layui-col-lg1,
	.layui-col-xs2,
	.layui-col-sm2,
	.layui-col-md2,
	.layui-col-lg2,
	.layui-col-xs3,
	.layui-col-sm3,
	.layui-col-md3,
	.layui-col-lg3,
	.layui-col-xs4,
	.layui-col-sm4,
	.layui-col-md4,
	.layui-col-lg4,
	.layui-col-xs5,
	.layui-col-sm5,
	.layui-col-md5,
	.layui-col-lg5,
	.layui-col-xs6,
	.layui-col-sm6,
	.layui-col-md6,
	.layui-col-lg6,
	.layui-col-xs7,
	.layui-col-sm7,
	.layui-col-md7,
	.layui-col-lg7,
	.layui-col-xs8,
	.layui-col-sm8,
	.layui-col-md8,
	.layui-col-lg8,
	.layui-col-xs9,
	.layui-col-sm9,
	.layui-col-md9,
	.layui-col-lg9,
	.layui-col-xs10,
	.layui-col-sm10,
	.layui-col-md10,
	.layui-col-lg10,
	.layui-col-xs11,
	.layui-col-sm11,
	.layui-col-md11,
	.layui-col-lg11,
	.layui-col-xs12,
	.layui-col-sm12,
	.layui-col-md12,
	.layui-col-lg12 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.layui-textarea {
		resize: none !important;
	}

	@media screen and (max-width: 800px) {
		.layui-card-header {
			line-height: normal !important;
			font-size: 10px !important;
		}

		.content-bottom {
			flex-direction: column;
		}
	}

	.Bearings-content-header {
		padding: .3rem;
	}

	.Bearings-content-headerC {
		font-size: 18px;
		background-color: #F6F6F6;
		padding: 10px 10px;
	}

	.Bearings-content-font {
		display: inline-block;
		font-size: 0.775rem;
		padding: .5rem;
		line-height: 1.1rem;
	}

	.Bearings-content-button {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-top: .4rem;
	}

	.Bearings-content-buttonT {
		margin-top: .8rem;
	}

	.Bearings-content-button a {
		width: 13rem;
		height: 3.125rem;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 8px;
		color: #333;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.Bearings-content-button a:hover {
		border: 1.5px solid #36648A;
	}

	.layui-breadcrumb-a {
		font: 12px/14px arial, helvetica, sans-serif;
		color: #36648A !important;
	}

	.layui-breadcrumb-b cite {
		font: 12px/14px arial, helvetica, sans-serif;
		color: #333333 !important;
	}

	/* WHD */
	table {
		/* margin-top: 20px; */
		font-size: 0.75rem;
	}
	tbody tr:hover{
		background-color: #36648A;
		color: white;
	}
	.Bearings-content-box {
		line-height: 1rem;
	}

	.Bearings-content-box>img {
		width: 16.25rem;
		margin-top: .5rem;
	}

	.Bearings-content-box>div {
		margin-top: .5rem;
	}

	.Bearings-content-title {
		font-size: 18px;
		background-color: #F6F6F6;
		padding: 10px 10px;
		margin: 15px 0 0;
	}

	.Bearings-content-list {
		padding: 0 2rem;
		margin-top: 1rem;
	}

	.Bearings-content-list>li {
		list-style: disc;
	}
	.branded-table tr td{
		padding: .5rem;
		box-sizing: border-box;
	}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif; color: #333333;;'>
	<div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
		<div class="layui-card-header">
			<h1>{:lang('Ball Bearing Ceramic Ball')}</h1>
		</div>

		<!-- content -->
		<div class="Bearings-content-box">
			<div> <a href="/product/ceramic-bearing/ceramic-ball-bearings/">{:lang('Ceramic (silicon nitride) balls')}</a> {:lang("feature highly controlled and consistent geometry as well as an exceptionally smooth and uniform surface finish. Compared to steel, the material's lighter weight, higher stiffness, and inert properties facilitate higher operating speeds, extended bearing life, and expanded design possibilities for unique and demanding bearing applications.")}</div>

			<img src="{:Config::get('app.images_host')}/images/web/Hybrid-Ceramic-Bearings.jpg" alt="">
		</div>
		<div class="Bearings-content-box">
			<div class="Bearings-content-title">{:lang('Typical Applications')}</div>
			<ul class="Bearings-content-list">
				<li>
					<p>{:lang('Semiconductor processing (high vacuum)')}</p>
				</li>
				<li>
					<p>{:lang('Medical and dental handpieces')}</p>
				</li>
				<li>
					<p>{:lang('Turbo molecular pumps')}</p>
				</li>
				<li>
					<p>{:lang('Flow meters')}</p>
				</li>
				<li>
					<p>{:lang('Scanners')}</p>
				</li>
				<li>
					<p>{:lang('Micro turbines (power generation)')}</p>
				</li>
				<li>
					<p>{:lang('Aircraft instrumentation')}</p>
				</li>
				<li>
					<p>{:lang('Machine tool spindles')}</p>
				</li>
			</ul>
		</div>
		<div class="Bearings-content-box">
			<div class="Bearings-content-title">{:lang('Table of Performance Benefits')}</div>
			<div>
				<table class="branded-table cke_show_border" border="1px solid " >
					<thead>
						<tr >
							<td>{:lang('Properties')}</td>
							<td>{:lang('Improvement In Bearing Performance')}</td>
						</tr>
					</thead>
					<tbody>
						<tr >
							<td>{:lang('Lower internal friction')}</td>
							<td>{:lang('Lower internal temperature')}<br>{:lang('Reduced cage and raceway wear')}</td>
						</tr>
						<tr  >
							<td>{:lang('Lighter weight: 58% lighter than steel')}</td>
							<td>{:lang('Lighter overall bearing weight')}<br>{:lang('Decreased centrifugal force')}<br>{:lang('Decreased gyroscopic movement')}</td>
						</tr>
						<tr >
							<td>{:lang('Higher stiffness &amp; higher hardness: 68% stiffer than steel&nbsp;')}</td>
							<td>{:lang('Reduced skidding')}<br>{:lang('Less friction')}<br>{:lang('Lower operating temperatures')}<br>{:lang('Less wear')}</td>
						</tr>
						<tr >
							<td>{:lang('Smoother surface: 75% smoother than steel')}</td>
							<td>{:lang('Decreased lube degradation')}<br>{:lang('No cold welding/adhesive wear')}<br>{:lang('Less friction')}<br>{:lang('Lower operating temperatures')}<br>{:lang('Less wear')}</td>
						</tr>
						<tr  >
							<td>{:lang('Corrosion resistance')}</td>
							<td>{:lang('Durability in harsh environments')}<br>{:lang('Less wear')}<br>{:lang('Resists galling')}</td>
						</tr>
						<tr >
							<td>{:lang('Higher maximum temperature than steel:&nbsp; +1000°C')}</td>
							<td>{:lang('Wider operating range')}</td>
						</tr>
						<tr >
							<td>{:lang('Lower thermal expansion')}</td>
							<td>{:lang('Lower operating temperatures')}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

	</div>

</div>

{include file="index@/public/footer" /}
